<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><{$Think.config.cfg_webname}></title>
<link href="__CSS__/base.css" rel="stylesheet">
<link href="__CSS__/platform.css" rel="stylesheet">
<link rel="stylesheet" href="__PUBLIC__/custom/uimaker/easyui.css">
<link rel="stylesheet" href="__PUBLIC__/custom/uimaker/icon.css">
<style>
.pd3 {
	padding: 10px 5px 5px 10px;
}
</style>
</head>
<body>
	<div class="container">
		<div id="pf-hd">
			<div class="pf-logo">
				<img src="__IMAGES__/main/main_logo.png" alt="logo">
			</div>
			<div class="pf-nav-wrap">
				<div class="pf-nav-ww">
					<ul class="pf-nav">
						<li class="pf-nav-item home current" data-menu="sys-manage">
							<a href="javascript:;"> <span class="iconfont">&#xe63f;</span>
								<span class="pf-nav-title">系统管理</span>
						</a>
						</li>

						<!-- <li class="pf-nav-item project" data-menu="org-manage"><a
							href="javascript:;"> <span class="iconfont">&#xe60d;</span> <span
								class="pf-nav-title">组织管理</span>
						</a></li>
						<li class="pf-nav-item static" data-menu="main-data"><a
							href="javascript:;"> <span class="iconfont">&#xe61e;</span> <span
								class="pf-nav-title">主数据</span>
						</a></li>
						<li class="pf-nav-item manger" data-menu="supplier-mange"><a
							href="javascript:;"> <span class="iconfont">&#xe620;</span> <span
								class="pf-nav-title">供应商管理</span>
						</a></li>

						<li class="pf-nav-item manger" data-menu="supplier-dev"><a
							href="javascript:;"> <span class="iconfont">&#xe625;</span> <span
								class="pf-nav-title">供应商开发</span>
						</a></li>

						<li class="pf-nav-item manger" data-menu="pur-source"><a
							href="javascript:;"> <span class="iconfont">&#xe64b;</span> <span
								class="pf-nav-title">采购寻源</span>
						</a></li>

						<li class="pf-nav-item manger" data-menu="contract-mange"><a
							href="javascript:;"> <span class="iconfont">&#xe64c;</span> <span
								class="pf-nav-title">合同管理</span>
						</a></li>


						<li class="pf-nav-item manger" data-menu="pur-source"><a
							href="javascript:;"> <span class="iconfont">&#xe623;</span> <span
								class="pf-nav-title">示例示例</span>
						</a></li>

						<li class="pf-nav-item manger" data-menu="contract-mange"><a
							href="javascript:;"> <span class="iconfont">&#xe646;</span> <span
								class="pf-nav-title">示例示例示例示例示例</span>
						</a></li>
						<li class="pf-nav-item manger" data-menu="pur-source"><a
							href="javascript:;"> <span class="iconfont">&#xe623;</span> <span
								class="pf-nav-title">采购寻源</span>
						</a></li>

						<li class="pf-nav-item manger" data-menu="contract-mange"><a
							href="javascript:;"> <span class="iconfont">&#xe646;</span> <span
								class="pf-nav-title">合同管理</span>
						</a></li>


						<li class="pf-nav-item manger" data-menu="pur-source"><a
							href="javascript:;"> <span class="iconfont">&#xe623;</span> <span
								class="pf-nav-title">示例示例</span>
						</a></li>

						<li class="pf-nav-item manger" data-menu="contract-mange"><a
							href="javascript:;"> <span class="iconfont">&#xe646;</span> <span
								class="pf-nav-title">示例示例示例示例示例示例</span>
						</a></li>

						<li class="pf-nav-item manger" data-menu="pur-source"><a
							href="javascript:;"> <span class="iconfont">&#xe623;</span> <span
								class="pf-nav-title">采购寻源</span>
						</a></li>

						<li class="pf-nav-item manger" data-menu="contract-mange"><a
							href="javascript:;"> <span class="iconfont">&#xe646;</span> <span
								class="pf-nav-title">合同管理</span>
						</a></li>


 -->

					</ul>
				</div>
				<a href="javascript:;" class="pf-nav-prev disabled iconfont">&#xe606;</a>
				<a href="javascript:;" class="pf-nav-next iconfont">&#xe607;</a>
			</div>

			<div class="pf-user">
				<div class="pf-user-photo">
					<img src="__IMAGES__/main/user.png" alt="">
				</div>
				<h4 class="pf-user-name ellipsis"><{$Think.session.admin}></h4>
				<i class="iconfont xiala">&#xe607;</i>

				<div class="pf-user-panel">
					<ul class="pf-user-opt">
						<li><a href="javascript:;"> <i class="iconfont">&#xe60d;</i>
								<span class="pf-opt-name">用户信息</span>
						</a></li>
						<li class="pf-modify-pwd"><a href=""> <i class="iconfont">&#xe634;</i>
								<span class="pf-opt-name">修改密码</span>
						</a></li>
						<li class="pf-logout"
							onclick="window.location.href='__MODULE__/Login/logout'"><a>
								<i class="iconfont">&#xe60e;</i> <span class="pf-opt-name">退出</span>
						</a></li>
					</ul>
				</div>
			</div>

		</div>

		<div id="pf-bd">
			<div id="pf-sider">
				<h2 class="pf-model-name">
					<span class="iconfont">&#xe64a;</span> <span class="pf-name">系统菜单</span>
					<span class="toggle-icon"></span>
				</h2>
			


				<ul class="sider-nav">
					<li class="current"><a href="javascript:;"> <span
							class="iconfont sider-nav-icon">&#xe6dd;</span> <span
							class="sider-nav-title">游戏及应用管理</span> <i class="iconfont">&#xe642;</i>
					</a>
						
						<ul class="sider-nav-s">
							<li><a href="javascript:void(0)" data-link="<{:U('Game/index')}>" iframe="1">游戏管理</a></li>
						</ul>
						
						<ul class="sider-nav-s">
							<li><a href="javascript:void(0)" data-link="<{:U('App/index')}>" iframe="1">应用管理</a></li>
						</ul>
						
						<ul class="sider-nav-s" style="display: none;">
							<li><a href="javascript:void(0)" data-link="<{:U('AppPackage/index')}>" iframe="1">应用包管理</a></li>
						</ul>
						                      
					</li>
					<li><a href="javascript:;"> <span
							class="iconfont sider-nav-icon">&#xe65e;</span> <span
							class="sider-nav-title">网站系统管理</span> <i class="iconfont">&#xe642;</i>
					</a>
							<ul class="sider-nav-s">
							<li><a href="javascript:void(0)" data-link="<{:U('Area/index')}>" iframe="1">区域管理</a></li>
						</ul>
						
						<ul class="sider-nav-s">
							<li><a href="javascript:void(0)" data-link="<{:U('Cascade/index')}>" iframe="1">级联数据管理</a></li>
						</ul>
						<ul class="sider-nav-s">
							<li><a href="javascript:void(0)" data-link="<{:U('Type/index')}>" iframe="1">类型管理</a></li>
						</ul>
						<ul class="sider-nav-s">
							<li><a href="javascript:void(0)" data-link="<{:U('Mode/index')}>" iframe="1">模式管理</a></li>
						</ul>
						<ul class="sider-nav-s">
							<li><a href="javascript:void(0)" data-link="<{:U('Basescore/index')}>" iframe="1">底分管理</a></li>
						</ul>
						
                        <ul class="sider-nav-s">
							<li><a href="javascript:void(0)" data-link="<{:U('Currency/index ')}>" iframe="1">货币管理</a></li>
                        </ul>
                        <ul class="sider-nav-s">
							<li><a href="javascript:void(0)" data-link="<{:U('Prop/index ')}>" iframe="1">道具管理</a></li>
                        </ul>
					</li>
						
					<li><a href="javascript:;"> <span
							class="iconfont sider-nav-icon">&#xe625;</span> <span
							class="sider-nav-title">流水记录查询</span> <i class="iconfont">&#xe642;</i>
					</a>
						<ul class="sider-nav-s">
                        	<li><a href="javascript:void(0)" data-link="<{:U('Record/index')}>" iframe="1">充值流水</a></li>	
                        </ul>
						<ul class="sider-nav-s">
                       		<li><a href="javascript:void(0)" data-link="<{:U('Exchange/index ')}>" iframe="1">兑换记录</a></li>
                        </ul>
					</li>


					<li><a href="javascript:;"> <span
							class="iconfont sider-nav-icon">&#xe6c5;</span> <span
							class="sider-nav-title">用户管理</span> <i class="iconfont">&#xe642;</i>
					</a>
						<ul class="sider-nav-s">
                        	<li><a href="javascript:void(0)" data-link="<{:U('Users/index')}>" iframe="1">用户管理</a></li>
                        </ul>
                        <ul class="sider-nav-s">
                        	<li><a href="javascript:void(0)" data-link="<{:U('Users/currency')}>" iframe="1">用户货币管理</a></li>
                        </ul>
					</li>

					<li>
                        <a href="javascript:;">
                            <span class="iconfont sider-nav-icon">&#xe64b;</span>
                            <span class="sider-nav-title">服务器管理</span>
                            <i class="iconfont">&#xe642;</i>
                        </a>
                         <ul class="sider-nav-s">
                       		<li><a href="javascript:void(0)" data-link="<{:U('Computer/index')}>" iframe="1">物理服务器</a></li>
                        </ul>
                        <ul class="sider-nav-s">
                       		<li><a href="javascript:void(0)" data-link="<{:U('GameServer/index')}>" iframe="1">应用服务器</a></li>
                        </ul>
                     </li>

				</ul>
			</div>

			<div id="pf-page">
				<div class="easyui-tabs1" id="easyui-tabs"
					style="width: 100%; height: 100%;">
					<div title="首页" style="padding: 10px 5px 5px 10px;" class="main">
						<iframe class="page-iframe" id="main" name="main" src="__URL__/workbench.html" frameborder="no"   border="no" height="100%" width="100%" scrolling="auto"></iframe>
					</div>
					<!-- <div title="采购组织" style="padding:10px 5px 5px 10px;" data-options="closable:true">
                    <iframe class="page-iframe" src="__URL__/procurement.html" frameborder="no"   border="no" height="100%" width="100%" scrolling="auto"></iframe>
                  </div>
                  <div title="基本信息" data-options="closable:true" style="padding:10px 5px 5px 10px;">
                    <iframe class="page-iframe" src="__URL__/basic_info.html" frameborder="no"   border="no" height="100%" width="100%" scrolling="auto"></iframe>
                  </div>
                  <div title="供应商" data-options="closable:true" style="padding:10px 5px 5px 10px;">
                    <iframe class="page-iframe" src="__URL__/providers.html" frameborder="no"   border="no" height="100%" width="100%" scrolling="auto"></iframe>
                  </div>
                  <div title="业务流程" data-options="closable:true" style="padding:10px 5px 5px 10px;">
                    <iframe class="page-iframe" src="__URL__/process.html" frameborder="no"   border="no" height="100%" width="100%" scrolling="auto"></iframe>
                  </div>
                  <div title="表单管理" data-options="closable:true" style="padding:10px 5px 5px 10px;">
                    <iframe class="page-iframe" src="__URL__/providers1.html" frameborder="no"   border="no" height="100%" width="100%" scrolling="auto"></iframe>
                  </div> -->
				</div>
			</div>
		</div>

		<div id="pf-ft">
			<div class="system-name">
				<i class="iconfont">&#xe6fe;</i> <span>信息管理系统&nbsp;v1.0</span>
			</div>
			<div class="copyright-name">
				<span>CopyRight&nbsp;2016&nbsp;&nbsp;uimaker.com&nbsp;版权所有</span> <i
					class="iconfont">&#xe6ff;</i>
			</div>
		</div>
	</div>

	<script type="text/javascript" src="__PUBLIC__/custom/jquery.min.js"></script>
	<script type="text/javascript"
		src="__PUBLIC__/custom/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="__JS__/main.js"></script>
	<!--[if IE 7]>
      <script type="text/javascript">
        $(window).resize(function(){
          $('#pf-bd').height($(window).height()-76);
        }).resize();

      </script>
    <![endif]-->


	<script type="text/javascript">
		/**
		 * Name 初始化对象
		 */
		var tabPanel = $('#easyui-tabs');

		$(window).resize(function() {
			$('.tabs-panels').height($("#pf-page").height() - 46);
			$('.panel-body').height($("#pf-page").height() - 76)
		}).resize();

		var page = 0, pages = ($('.pf-nav').height() / 70) - 1;

		if (pages === 0) {
			$('.pf-nav-prev,.pf-nav-next').hide();
		}

		$(document).on('click', '.pf-nav-prev,.pf-nav-next', function() {
			if ($(this).hasClass('disabled'))
				return;
			if ($(this).hasClass('pf-nav-next')) {
				page++;
				$('.pf-nav').stop().animate({
					'margin-top' : -70 * page
				}, 200);
				if (page == pages) {
					$(this).addClass('disabled');
					$('.pf-nav-prev').removeClass('disabled');
				} else {
					$('.pf-nav-prev').removeClass('disabled');
				}

			} else {
				page--;
				$('.pf-nav').stop().animate({
					'margin-top' : -70 * page
				}, 200);
				if (page == 0) {
					$(this).addClass('disabled');
					$('.pf-nav-next').removeClass('disabled');
				} else {
					$('.pf-nav-next').removeClass('disabled');
				}

			}
		});

		/**
		 * Name 添加菜单选项
		 * Param title 名称
		 * Param href 链接
		 * Param iconCls 图标样式
		 * Param iframe 链接跳转方式（true为iframe，false为href）
		 */

		function addTab(title, href, iconCls, iframe) {
			if (!tabPanel.tabs('exists', title)) {
				var content = '<iframe scrolling="auto" frameborder="0"  src="'
						+ href + '" style="width:100%;height:100%;"></iframe>';
				if (iframe) {
					tabPanel.tabs('add', {
						title : title,
						content : content,
						iconCls : iconCls,
						fit : true,
						cls : 'pd3',
						closable : true
					});
				} else {
					tabPanel.tabs('add', {
						title : title,
						href : href,
						iconCls : iconCls,
						fit : true,
						cls : 'pd3',
						closable : true
					});
				}
			} else {
				tabPanel.tabs('select', title);
			}
		}

		/**
		 * Name 移除菜单选项
		 */
		function removeTab() {
			var tabPanel = $('#wu-tabs');
			var tab = tabPanel.tabs('getSelected');
			if (tab) {
				var index = tabPanel.tabs('getTabIndex', tab);
				tabPanel.tabs('close', index);
			}
		}

		$(function() {

			/**
			 * Name 选项卡初始化
			 */
			tabPanel.tabs({
				tabHeight : 44,
				onSelect : function(title, index) {
					var currentTab = tabPanel.tabs("getSelected");
					if (currentTab.find("iframe")
							&& currentTab.find("iframe").size()) {
						//currentTab.find("iframe").attr("src",currentTab.find("iframe").attr("src"));
					}
				}
			})
			/**
			 * Name 绑定菜单项效果
			 */
			$('.sider-nav-s li a').bind("click", function() {
				var title = $(this).text();
				var url = $(this).attr('data-link');
				//var iconCls = $(this).attr('data-icon');
				var iconCls = 'icon-list';
				var iframe = $(this).attr('iframe') == 1 ? true : false;
				//console.log(title, url, iconCls, iframe);
				addTab(title, url, iconCls, iframe);
			});
			
			/**
			 * Name 绑定菜单项li效果
			 */
			$(".sider-nav-s li").bind({
				mouseenter : function() {
					$(this).addClass("active");
				},
				mouseleave : function() {
					$(this).removeClass("active");
				}
			});

		});

		// setTimeout(function(){
		//    $('.tabs-panels').height($("#pf-page").height()-46);
		//    $('.panel-body').height($("#pf-page").height()-76)
		// }, 200)
	</script>
</body>
</html>
